<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Demo 2 : NicEdit Configuration</title>
</head>
<body>

<div id="menu"></div>

<div id="intro">
<p>NicEdit is highly configurable by passing the configuration when you create the NicEditor. Pass your configuration when you call:</p>
<p>new NicEditor({CONFIG HERE})</p>
<p>Add .panelInstance('ID TO TEXTAREA HERE') to add the editor to the textarea.</p>
<p>See the examples below:</p>
</div>
<br />

<div id="sample">
<script type="text/javascript" src="../src/nicConfig.js"></script>
<script type="text/javascript" src="../src/bkLib.js"></script>
<script type="text/javascript" src="../src/nicEdit.js"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() {
	new nicEditor().panelInstance('area1');
	new nicEditor({fullPanel : true}).panelInstance('area2');
	new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3');
	new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area4');
});
</script>

<h4>Default (No Config Specified)</h4>
<p>new nicEditor().panelInstance('area1');</p>

<textarea cols="50" id="area1"></textarea>

<h4>All Available Buttons {fullPanel : true}</h4>
<p>new nicEditor({fullPanel : true}).panelInstance('area2');</p>
<textarea cols="50" id="area2">Some Initial Content was in this textarea</textarea>

<h4>Change Path to Icon File {iconsPath : 'path/to/nicEditorIcons.gif'}</h4>

<p>new nicEditor({iconsPath : 'nicEditorIcons.gif'}).panelInstance('area3');</p>
<textarea cols="50" id="area3"></textarea>

<h4>Customize the Panel Buttons/Select List</h4>

<p>{buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript']}</p>
<textarea cols="50" id="area4">HTML <b>content</b> <i>default</i> in textarea</textarea>	
</div>

</body>
</html>
